﻿/* sticky footer works? */
html, body {height: 100%;}

body > .container {
    min-height: 100%;
    overflow:auto;
	padding-bottom: 95px;}  /* must be same height as the footer */

#footer {
    position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 90px;
	clear:both;} 

.footer {
    padding-top: 10px;
    font-size: 75%;
    background-color: #F4F4F4;
}

body {
    padding-top: 50px;
}

h1, h2, h3, h4, h5 {
    -webkit-text-shadow: 1px 1px 2px #BBB;
    text-shadow: 1px 1px 2px #BBB;
    color: #2C6700;
}

a {
    color: #2C6700;
}

.fademe {
    display: none;
}

.stats {
}

.strike {
    text-decoration: line-through;
}

.BlogImg {
    margin: 5px;
}

.comment {
    background-color: #E6FFE6;
    border-left-color: green;
    border-left-width: 2px;
    border-left-style: solid;
    border-radius: 0 1em 0 1em;
    padding: .1em .8em .5em;
    margin-top: 1em;
}
.comment .content {
    white-space: pre-line;
}
.comment .ajaxDelete {
    cursor: pointer;
}

.scorecard {
    text-align: center;
}

.scorehoriz {
    text-align: center;
}

.scorehoriz th,
.scoreVertical th,
.scoreVertical tfoot {
    text-align: center;
    font-size: 14px;
}

.scoreVertical {
    width: 450px;
}

.scoreVertical td,
.scoreVertical th {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
}

.scoreVertical input,
.scoreVertical .pencilfont {
    font-family: 'Coming Soon', cursive;
    font-size: 14px;
    /*
        font-family: 'Indie Flower', cursive;
        font-family: 'Patrick Hand', cursive;
        font-family: 'Walter Turncoat', cursive;
        font-family: 'Neucha', cursive;
    */   
}

.scoreVertical input {
    width: 40px;
    padding: 0;
    margin: 1px;
    color: GrayText;
    /* try to wipe firefox mobile crap styles */
    background: none;
    border: 0;
}

.scoreVertical input:focus {
    outline: 1px solid #2C6700;
    box-shadow: inset 0 0 5px rgba(0,100,0, 0.3) ;
}

/* column based styling, nice */
/*col.putts {
    background-color: #F4F4F0;
}*/

.scoreVertical .pencilfont.small {
    font-size: 12px;
}

.scoreVertical div.pencilfont {
    padding-left: 1em;
}

/* Scorecard input */
input[type=number] {
    text-align: center;
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.score {
    background-image: -moz-linear-gradient(top,  #fafafa, #e6e6dc);
    background-image: linear-gradient(top,  #fafafa 0%, #e6e6dc 100%);
}

.stbl {
    background-image: -moz-linear-gradient(top,  #fafafa, #e6f0f0);
    background-image: linear-gradient(top,  #fafafa 0%, #e6f0f0 100%)
}

/* Score Colors */
.albatros {
    background-color: #a4a;
}
.eagle {
	background-color: #FFCC00;
}
.birdie {
    background-color: #FF5B5B;
	color: white;
}
.par {
	background-color: #99cc66;
}
.bogey {
    background-color: #39F;
	color: white;
}
.double {
    background-color: #16b;
	color: white;
}
.triple {
    background-color: #138;
    color: white;
}
.quad {
    background-color: #135;
}
.worse {
	background-color: #012;
	color: white;
}

/** Geo size stuff */
.geo {
    height: 300px;
}

textarea {
    resize: vertical;
}

/* Chart Legend */
.line-legend {
    list-style: none;
    vertical-align: text-top;
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.line-legend li {
    position: relative;
    margin: 4px;
    padding-left: 20px;
}

.line-legend span {
    position: absolute;
    left: 0;
    top: 1px;
    width: 14px;
    height: 14px;
    border-radius: 4px;
}

#discussion {
    width: 100%;
    height: 200px;
    overflow: scroll;
}
